#box_praent
{
    display: inline-block;
    width: 200px;
}
.item_box
{
    width: 100px;
    height: 100px;
    margin: 10px auto;
    padding: 5px;

    border-radius: 10px;
    background: red;
    box-shadow: 2px 3px 2px #f8f8f8;
}

#box_praent .item_flex
{
    display: flex;
}

.item_box span
{
    display: inline-block;
    width: 30px;
    height: 30px;
	line-height: 30px;
    text-align: center;
    color: red;
    border-radius: 50%;
    background: #ffe500;
}
/*justify-content：flex-end|center*/
/*align-items: flex-end|center*/
#box_praent .item_cent
{
    display: flex;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}

#box_praent .item_right
{
    display: flex;

    justify-content: flex-end;
}

#box_praent .item_align
{
    display: flex;

    align-items: center;
}

#box_praent .item_align_centon
{
    display: flex;

    justify-content: center;
    align-items: center;
}

#box_praent .item_align_right
{
    display: flex;

    justify-content: flex-end;
    align-items: center;
}
#box_praent .item_left_radius
{
    display: flex;

    align-items: flex-end;
}
#box_praent .item_bottom_cent
{
    display: flex;

    justify-content: center;
    align-items: flex-end;
}
#box_praent .item_right_radius
{
    display: flex;

    justify-content: flex-end;
}

.tow_item_flex
{
    display: flex;
}
.tow_item_content
{
    display: flex;

    justify-content: center;
}
.tow_item_rigth
{
    display: flex;

    justify-content: space-between;
}
.tow_item_con
{
    display: flex;

    align-items: center;
    justify-content: flex-start;
}
.tow_item_align
{
    display: flex;

    align-items: center;
    justify-content: space-between;
}
.tow_item_botton
{
    display: flex;

    align-items: flex-end;
    justify-content: space-between;
}
.tow_item_align_con
{
    display: flex;
    flex-wrap: wrap ;
    align-content: center;
}
.num_flex{
	flex-wrap:wrap-reverse ;
}
